.picker-modal.modal-in {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.picker-modal.modal-in, .picker-modal.modal-out {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}
.picker-columns {
    height: 22rem;
    overflow: visible;
    z-index: 11500;
    width: 100%;
}
.picker-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11500;
    display: none;
    width: 100%;
    height: auto;
    background: #cfd5da;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.picker-modal .bar {
    overflow: visible;
    margin-top: 0rem;
    height: 4.2rem;
    z-index: 999;
    line-height: 4.2rem;
    position: relative;
    top: 0;
    border-top: 1px solid #a8abb0;
    border-bottom: 1px solid #a8abb0;
}
.bar-nav {
    top: 0;
}
.bar {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    height: 2.2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    background-color: #f7f7f8;
    border-bottom: 1px solid #e7e7e7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.picker-modal .bar .button-link {
    z-index: 999;
    line-height: 4.2rem;
    color: $dark;
    font-size: 1.5rem;
}
.bar .button.pull-right {
    margin-left: .5rem;
}
.bar .button {
    position: relative;
    top: .35rem;
    z-index: 20;
    margin-top: 0;
    font-weight: 400;
}
.bar .button-link {
    top: 0;
    height: 4.2rem;
    padding: 0;
    font-size: .8rem;
    line-height: 4.2rem;
    color: #0894ec;
    border: 0;
}
.button {
    position: relative;
    display: block;
    height: 1.35rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 0 .5rem;
    margin: 0;
    font-family: inherit;
    font-size: .7rem;
    line-height: 1.25rem;
    color: #0894ec;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: 0 0;
    border: 1px solid #0894ec;
    border-radius: .25rem;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.pull-right {
    float: right;
}
.title {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 -.5rem;
    font-size: .85rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #3d4145;
    text-align: center;
    white-space: nowrap;
}
.picker-modal .bar .title {
    line-height: 4rem;
    z-index: 999;
    font-size: 1.5rem;
}
.bar + .picker-items {
    height: 19.8rem;
}
.picker-modal .picker-modal-inner {
    position: relative;
}
.picker-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
    text-align: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
    -webkit-mask-box-image: linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
}
.picker-items-col {
    position: relative;
    max-height: 100%;
    overflow: hidden;
}
.picker-items-col-wrapper {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.picker-item {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    line-height: 36px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.picker-item.picker-selected {
    color: #3d4145;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transform: rotateX(0);
    transform: translate3d(0,0,0);
    transform: rotateX(0);
}
.picker-center-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -18px;
    pointer-events: none;
    border-top: 1px solid #a8abb0;
    border-bottom: 1px solid #a8abb0;
}

.modal .preloader{width:1.7rem;height:1.7rem}
.preloader-indicator-overlay{visibility:visible;background:0 0;opacity:0}
.preloader-indicator-modal{position:absolute;top:50%;left:50%;z-index:11000;padding:.4rem;margin-top:-1.25rem;margin-left:-1.25rem;background:rgba(0,0,0,.8);border-radius:.25rem}
.preloader-indicator-modal .preloader{display:block;width:1.7rem;height:1.7rem}
.picker-modal{position:absolute;bottom:0;left:0;z-index:11500;display:none;width:100%;height:13rem;background:#cfd5da;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.picker-modal.modal-in,.picker-modal.modal-out{-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
.picker-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.picker-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.picker-modal .picker-modal-inner{position:relative;height:100%}
.picker-modal .toolbar{position:relative;width:100%;border-top:1px solid #999}
.picker-modal .toolbar+.picker-modal-inner{height:-webkit-calc(100% - 2.2rem);height:calc(100% - 2.2rem)}
.picker-modal.picker-modal-inline,.popover .picker-modal{position:relative;z-index:inherit;display:block;background:0 0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.picker-modal.picker-modal-inline .toolbar,.popover .picker-modal .toolbar{border-top:0;border-right:0;border-bottom:1px solid #999}
.popover .picker-modal{width:auto}
.popover .picker-modal .toolbar{background:0 0}
.preloader{display:inline-block;width:1rem;height:1rem;-webkit-transform-origin:50%;-ms-transform-origin:50%;-o-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s steps(12,end) infinite;-o-animation:preloader-spin 1s steps(12,end) infinite;animation:preloader-spin 1s steps(12,end) infinite}
.preloader:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}
.preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes preloader-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}

.picker-calendar{width:100%;height:300px;overflow:hidden;background:#fff}
@media (orientation:landscape) and (max-height:415px){.picker-calendar:not(.picker-modal-inline){height:220px}
}
.picker-calendar .picker-modal-inner{overflow:hidden}
.popover.popover-picker-calendar{width:320px}
.picker-calendar-week-days{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:18px;-moz-box-sizing:border-box;box-sizing:border-box;font-size:11px;background:#f7f7f8;border-bottom:1px solid #c4c4c4}
.picker-calendar-week-days .picker-calendar-week-day{width:14.28571429%;width:-webkit-calc(100% / 7);width:calc(100% / 7);line-height:17px;text-align:center;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.picker-calendar-week-days+.picker-calendar-months{height:-webkit-calc(100% - 18px);height:calc(100% - 18px)}
.picker-calendar-months{position:relative;width:100%;height:100%;overflow:hidden}
.picker-calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.picker-calendar-month{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;height:100%;flex-direction:column;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column}
.picker-calendar-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;height:16.66666667%;height:-webkit-calc(100% / 6);height:calc(100% / 6);border-bottom:1px solid #ccc;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.picker-calendar-row:last-child{border-bottom:0;border-left:0}
.picker-calendar-day{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:14.28571429%;width:-webkit-calc(100% / 7);width:calc(100% / 7);-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;color:#3d4145;text-align:center;cursor:pointer;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.picker-calendar-day.picker-calendar-day-next,.picker-calendar-day.picker-calendar-day-prev{color:#ccc}
.picker-calendar-day.picker-calendar-day-disabled{color:#d4d4d4;cursor:auto}
.picker-calendar-day.picker-calendar-day-today span{background:#e3e3e3}
.picker-calendar-day.picker-calendar-day-selected span{color:#fff;background:#0894ec}
.picker-calendar-day span{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:100%}
.picker-calendar-month-picker,.picker-calendar-year-picker{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:50%;max-width:200px;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-shrink:10;-ms-flex:0 10 auto;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}
.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{min-width:36px}
.picker-calendar-month-picker span,.picker-calendar-year-picker span{position:relative;overflow:hidden;text-overflow:ellipsis;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.picker-calendar.picker-modal-inline .picker-calendar-week-days,.popover .picker-calendar .picker-calendar-week-days{background:0 0}
.picker-calendar.picker-modal-inline .picker-calendar-week-days,.picker-calendar.picker-modal-inline .toolbar,.popover .picker-calendar .picker-calendar-week-days,.popover .picker-calendar .toolbar{border-top:0;border-right:0;border-bottom:0;border-left:0}
.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months{border-top:1px solid #c4c4c4}
.picker-modal .toolbar-inner{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:2.2rem;text-align:center}
.picker-calendar-month-picker,.picker-calendar-year-picker{display:block;line-height:2.2rem}
.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{float:left;width:25%;height:2.2rem;line-height:2rem}
.picker-calendar-month-picker .current-month-value,.picker-calendar-month-picker .current-year-value,.picker-calendar-year-picker .current-month-value,.picker-calendar-year-picker .current-year-value{float:left;width:50%;height:2.2rem}
.picker-columns{z-index:11500;width:100%;height:13rem}
.picker-columns.picker-modal-inline,.popover .picker-columns{height:10rem}
@media (orientation:landscape) and (max-height:415px){.picker-columns:not(.picker-modal-inline){height:10rem}
}
i.icon{position:relative;display:inline-block;font-style:normal;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100% auto}
i.icon.icon-f7{width:1.45rem;height:1.45rem;background-image:url(../img/i-f7.png)}
i.icon.icon-form-name{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-name.png)}
i.icon.icon-form-password{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-password.png)}
i.icon.icon-form-email{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-email.png)}
i.icon.icon-form-calendar{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-calendar.png)}
i.icon.icon-form-tel{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-tel.png)}
i.icon.icon-form-gender{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-gender.png)}
i.icon.icon-form-toggle{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-toggle.png)}
i.icon.icon-form-comment{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-comment.png)}
i.icon.icon-form-settings{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-settings.png)}
i.icon.icon-form-url{width:1.45rem;height:1.45rem;background-image:url(../img/i-form-url.png)}
i.icon.icon-next,i.icon.icon-prev{width:.75rem;height:.75rem}
i.icon.icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
i.icon.icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
i.icon.icon-plus{width:1.25rem;height:1.25rem;font-size:1.55rem;font-weight:100;line-height:1rem;text-align:center}